<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>

<sec:authentication property="principal" var="currentPrincipal" scope="page"/>

<div class="modal-dialog ms-modal-dialog">
    <div class="modal-content">

        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span
                    class="sr-only">Close</span></button>
            <h4 class="modal-title">添加</h4>
        </div>

        <form class="form-horizontal ms-form form-personal-info" method="POST"
              action="${ctx.host}/client-interview-records/${clientInterviewRecord.id}" data-validate="true">

            <div class="modal-body">

                <input hidden name="_method" value="PATCH">

                <div class="form-group  ms-form-group">
                    <label class="control-label col-xs-3">访谈客户：</label>
                    <div class="col-xs-8">
                        <input disabled type="text" class="form-control" name="interviewTime" value="${clientInterviewRecord.client.contacts}"/>
                    </div>
                </div>

                <div class="form-group  ms-form-group">
                    <label class="control-label col-xs-3">访谈时间：</label>
                    <div class="col-xs-8">
                        <input type="text" class="form-control datetime" name="interviewTime" value="<fmt:formatDate value="${clientInterviewRecord.interviewTime}" pattern="yyyy-MM-dd HH:mm"/>"
                               data-validate="required" placeholder="访谈时间" autocomplete="off"/>
                    </div>
                </div>

                <div class="form-group  ms-form-group">
                    <label class="control-label col-xs-3">访谈地点：</label>
                    <div class="col-xs-8">
                        <input type="text" class="form-control" name="interviewLocation" value="${clientInterviewRecord.interviewLocation}"
                               data-validate="required" placeholder="访谈地点" autocomplete="off"/>
                    </div>
                </div>


                <div class="form-group  ms-form-group">
                    <label class="control-label col-xs-3">内容概要：</label>
                    <div class="col-xs-8">
                        <input type="text" class="form-control" name="interviewSummary" value="${clientInterviewRecord.interviewSummary}"
                               data-validate="required" placeholder="内容概要" autocomplete="off"/>
                    </div>
                </div>

                <div class="form-group  ms-form-group">
                    <label class="control-label col-xs-3">访谈详情：</label>
                    <div class="col-xs-8">
                        <textarea style="width: 100%;max-width: 100%;min-height: 40px" class="form-control" name="interviewDetail" data-validate="required" placeholder="访谈详情" >${clientInterviewRecord.interviewDetail}</textarea>
                    </div>
                </div>




            </div>

            <div class="modal-footer ms-modal-footer">
                <button type="submit" class="btn ms-btn btn-primary">确定</button>
                <button type="button" class="btn ms-btn ms-btn-gary" data-dismiss="modal">取消</button>
            </div>

        </form>

    </div>
</div>
<script>
    $('select').select2({
        placeholder: '请选择',
        minimumResultsForSearch: 5,
        allowClear: true,
    });

    $('.datetime').datetimepicker({
        format: 'yyyy-mm-dd hh:ii',
        autoclose: true,
        language: 'zh-CN',
        todayBtn: 'linked',
        todayHighlight: true,
        pickerPosition: 'bottom-right',
        minView: 'hour',
    });

</script>
